<template>
<div class="select">
    <el-select 
    v-model="c"
     placeholder="请选择品类"
     clearable
     @change='catechange'
     >
        <el-option
        v-for="item in catelist"
        :key="item._id"
        :label="item.cate_zh"
        :value="item.cate">
        </el-option>
    </el-select>


</div>
    
</template>
<script>
import { mapState,mapActions} from "vuex"
export default {
    data(){
        return{
            cate:'',
        }
    },
    props:{
        // 接收父组件传过来的值
        value:{type:String,require:false,default:''}
    }
    ,
    created(){
        this.Getcates()
    }
    ,
    computed:{
        ...mapState('good',["catelist"]),//导入状态管理的数据
        c:{
            get(){
                return this.value
                // 这里还有点不明白
            },
            set(newval){
                this.$emit('input',newval)
                // 把子组件的值传给父组件（通过input事件）

            }
        }
    },
    methods:{
        ...mapActions('good',['Getcates']),
        catechange(e){
            console.log('下拉变化',e);
            this.$emit('change',e)
        },
 
    }
    
}
</script>
<style>

</style>